html,body{
    background-color: #eee;
}
.shop{
    padding:0 .3rem;
    border-bottom:.2rem solid #eee;
    background-color:#fff;
}
.logo{
    height:.8rem;
    width:.8rem;
    margin-top:.2rem;
}
.logo>img{
    width:100%;
    height:100%;
}
.firm{
    height:.8rem;
    line-height:.8rem;
    font-size:.32rem;
    color:#333;
    margin:.2rem 0 0 .2rem;
}
.middle-one{
    width:100%;
    padding:1.28rem 0 .98rem 0;
    background-color:#eee;
}
.message{
    height:.8rem;
    line-height:.8rem;
    margin-top:.2rem;
    margin-left:25%;
}
.icon-xiaoxi{
    font-size:.3rem;
    color:#333;
}
.message>span{
    font-size:.24rem;
    color:#333;
}
.order{
    height:.8rem;
    line-height:.8rem;
    margin-top:.2rem;
    margin-left:.2rem;
}
.icon-dingdan{
    font-size:.3rem;
    color:#333;
}
.order>span{
    font-size:.24rem;
    color:#333;
}
.intro{
    font-size:.24rem;
    color:#333;
    margin:.1rem 0 .3rem 1rem;
}
.sold-out{
    height:.88rem;
    border-bottom:.01rem solid #eee;
    background-color:#fff;
}
.sold{
    width:60%;
    margin:0 auto;
}
.sell{
    height:.86rem;
    font-size:.3rem;
    color:#333;
    line-height:.86rem;
}
.solds{
    height:.86rem;
    font-size:.3rem;
    color:#333;
    border-bottom:.04rem solid #fba940;
    line-height:.86rem;
}
.refer{
    border-bottom:.2rem solid #eee;
    background-color:#fff;
}
.introduce{
    padding:.28rem .3rem;
    border-bottom:.01rem solid #eee;
    position:relative;
}
.picture{
    width:1.75rem;
    height:1.75rem;
    position:relative;
}
.picture img:nth-of-type(1){
    width:100%;
    height:100%;
}
.picture img:nth-of-type(2){
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
.design{
    width:70%;
    margin-left:.18rem;
    position:relative;
}
.design p:nth-of-type(1){
    font-size:.3rem;
    color:#333;
    margin-top:.1rem;
}
.design p:nth-of-type(2){
    font-size:.3rem;
    color:#fc0707;
}
.design span:nth-of-type(1){
    font-size:.24rem;
    color:#333;
    margin-top:.14rem;
    position:absolute;
    left:0;
    top:.9rem;
}
.design span:nth-of-type(2){
    font-size:.24rem;
    color:#333;
    margin-top:.14rem;
    position:absolute;
    left:1.72rem;
    top:.9rem;
}
.design span:nth-of-type(3){
    font-size:.24rem;
    color:#333;
    margin-top:.14rem;
    position:absolute;
    left:0;
    top:1.24rem;
}
.design span:nth-of-type(4){
    font-size:.24rem;
    color:#333;
    margin-top:.14rem;
    position:absolute;
    left:1.72rem;
    top:1.24rem;
}
.tag{
    font-size:.3rem;
    color:#333;
    line-height:1.75rem;
}
.popular{
    height:.88rem;
    padding:0 .3rem;
}
.gener,.geners{
    height:.88rem;
    font-size:.24rem;
    color:#333;
    line-height:.88rem;
    width:18%;
    text-align:center;
    display:inline-block;
}
.gener{
    margin-left:62%;
}
.icon-fenxiang{
    font-size:.3rem;
    color:#333;
}
.icon-icon_share{
    font-size:.3rem;
    color:#333;
}
.footer{
    height:.98rem;
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color:#fff;
    border-top:.01rem solid #eee;
}
.new-product,.news-product{
    height:.68rem;
    width:33.33%;
    line-height:.68rem;
    text-align:center;
    font-size:.3rem;
    color:#333;
    margin-top:.15rem;
}
.new-product{
    margin-top:.15rem;
}
.news-product{
    border-left:.01rem solid #eee;
    border-right:.01rem solid #eee;
    margin-top:.15rem;
}
.icon-tianjia{
    font-size:.34rem;
    color:#fba840;
}
.icon-batch-execution{
    font-size:.34rem;
    color:#fba840;
}
.icon-baoxianchanpin{
    font-size:.34rem;
    color:#fba840;
}
#is_link{
    position: fixed;
    z-index:6;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    display: none;
}
#is_link>div{
    padding:0 .5rem;
    line-height:1.3rem;
    font-size: .28rem;
    border-bottom:1px solid #eee;
}
#is_link>div>em{
    color: #fba940;
}
#is_link>button{
    display: block;
    height: .8rem;
    line-height: .8rem;
    margin:0 auto;
    background-color: #fff;
    color: #666;
    font-size: .3rem;
}
#is_share{
    position: fixed;
    z-index:6;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding:0 .3rem;
    display: none;
}
#is_share>p{
    font-size:.3rem;
    color:#333;
    padding:.3rem 0;
}
#is_share>div{
    font-size:.24rem;
    color:#333;
    text-align:center;
    border-bottom:1px solid #eee;
}
#is_share>div>ul>li{
    width:1.3rem;
    height:1.6rem;
}
#is_share>div>ul>li>img{
    width:.8rem;
    height:.8rem;
}
#is_share>button{
    display: block;
    height: .8rem;
    line-height: .8rem;
    margin:0 auto;
    background-color: #fff;
    color: #666;
    font-size: .3rem;
}